body
{
	font-family: Verdana;
    background-color: #000;
}
#gameBoard
{
    border-style: solid;
    border:1px solid #fff;
    color: #fff;
    width: 300px;
    padding: 0 0;
    margin: 0 0;
    background-color: #000;
}

.box
{
    text-align: center;
    font-family: Verdana;
    font-size: 40pt;
    color: #000;
    width:100px;
    height: 100px;
    padding: 10px 10px;
    background-color: #ccc;
}

#status
{
    color: #fff;
}

fieldset
{
    width:250px;
}

div.link
{
    margin-top:20px;
    margin-bottom: 5px;
}

a:link, a:visited
{
    color: #ddd;
}

a:active
{
    color: #ff0000;
}

a:hover
{
    color: #ff0000;
}

	* {
		cursor: default;
	}
	::selection {
		background: transparent;
	}
	body {
		font-family: 'Ubuntu Mono', sans-serif;
		font-size: 50px;
	}
	div#wrapper {
		width: 420px;
		margin: 0 auto;
	}
	div#title {
		text-align: center;
		margin-top: 50px;
		color: #fff;
	}
	h1 {
		margin: 0;
	}
	div#toolbar {
		color: #fff;
	}
		div#toolbar div#new {
			background: url('/public/images/new.png') no-repeat;
			width: 200px;
			height: 141px;
			margin: 0 auto;
			cursor: pointer;
		}
	div#winner {
		height: 60px;
		line-height: 60px;
		background: #88bb88;
		border: 6px solid  #00bb00;
		color: #fff;
		text-align: center;
		font-size: 80%;
		display: none;
	}
	div#game-board {
		width: 420px;
		height: 420px;
		padding: 5px;
		background: #fff;
		border-radius: 10px;
		margin: 20px auto;
		position: relative;
	}
	div#game-board div.field {
		height: 130px;
		width: 130px;
		border-radius: 5px;
		background: #ccc;
		float: left;
		margin: 5px;
	}
	div#game-board div.field:hover {
		background: #e7e7e7;
	}
	div.x, div.o {
		text-align: center;
		line-height: 110px;
		font-size: 100px;
		font-weight: 700;
		display: none;
	}
	div.x {
		color: #00bb00;
	}
	div.o {
		color: #cc0000;

	}